<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			function jiSuan() {
				var num = parseInt(document.getElementById('num').value);
				var div = document.getElementById('result');
				if (isNaN(num)) {
					div.innerHTML = '请输入一个数字';
					return;
				}
				
				if (num < 0 || num > 50) {
					div.innerHTML = '输入正确的关卡数';
					return;
				}
				
				var result = 0;
				if (num <= 20) {
					for (var i = 1; i <= num; i++) {
						result = result + i;
					}
				} else if (num >= 21 && num <= 30) {
					result = 210 + (num - 20) * 10;
				} else if (num >= 31 && num <= 40) {
					result = 310 + (num - 30) * 20;
				} else if (num >= 41 && num <= 49) {
					result = 510 + (num - 40) * 30;
				} else if (num == 50) {
					result = 880;
				}
				
				div.innerHTML = result;
			}
		</script>
	</head>
	<body>
		<pre>
			题目：
				一个游戏，前20关是每一关自身的分数,
				//21-30关每一关是10分 
				//31-40关，每一关是20分 
				//41-49关，每一关是30分 
				//50关，是100分 
				//输入你现在闯过的关卡数，求你现在拥有的分数 
		</pre>
		
		<div>
			请输入现在闯过的关卡数：
			<input type="text" id="num">
			<input type="button" id="btn" onclick="jiSuan()" value="计算得分">
		</div>
		计算结果：
		<div class="" id="result">
		</div>
		
	</body>
</html>
